<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
    <meta charset="UTF-8">
    <title>小红书</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/angularjs/jquery-3.1.0.min.js"></script>
    <script src="js/angularjs/artTemplate.js"></script>

    <script src="js/angularjs/angular.min.js"></script>
    <script src="js/angularjs/angular-route.min.js"></script>

    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>

</head>
<body>
<header class="header">
    <img src="http://s4.xiaohongshu.com/static/img/web/home/logo_xhs_v2.png?s=1471971752" alt="">
    <div class="header-nav">
        |<a class="active" href="#/home">首页</a>
        |<a href="#/welfareAssociation">福利社</a>
        |<a href="#/found">发现</a>
        |<a href="#/destination">目的地</a>
        |<a href="#/mediaReports">媒体报道</a>
        |<a href="#/join">加入</a>|
    </div>
</header>
<div ng-view></div>
<div class="footer">
    <div class="footer-nav">
        <ul>
            <li><a href="">发现</a></li>
            <li><a href="">福利社</a></li>
            <li><a href="">目的地</a></li>
            <li><a href="">媒体报道</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">加入</a></li>
            <li><a href="">关于</a></li>
            <li><a href="">条款</a></li>
            <li><a href="">IOS</a></li>
            <li><a href="">安卓</a></li>
        </ul>
    </div>
    <p>xiaohongshu.com 保留最终解释权</p>
    <div><a href="http://www.miibeian.gov.cn/state/outPortal/loginPortal.action">沪ICP备 13030189号</a></div>
    <p>Copyright © 2014-2016 行吟信息科技（上海）有限公司</p>
    <div>
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102002533">
            <img src="http://ci.xiaohongshu.com/44b0b2b0-0cee-475e-9d49-b86e0d5b7f83" alt="">
            <span>沪公网安备 31010102002533号</span>
        </a>
    </div>
    <p>
        <a href="https://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&entyId=1atr5hendjiu232ts5vsjpmianrue3hdl91540lw808sjpncif">
            <img src="http://s4.xiaohongshu.com/static/img/web/home/shanghaigongshang.gif?s=1471971752" border="0">
        </a>
    </p>
</div>
<script>
    var $nav = $(".header-nav a");
    $nav.click(function () {
//       获取当前元素
        var index = $nav.index($(this));
        $nav.eq(index).addClass('active').siblings().removeClass("active");
    });
</script>
</body>
</html>